<template>
    <div>
               
          <el-table
      class="jlTable"
      style="width: 100%;"
      :header-cell-style="{ background: '#F2F2F2', color: '#333' }"
      :data="templateList"
    >
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column label="流水号" width="200">
        <template slot-scope="scope">{{ scope.row.custSoNumber }}</template>
      </el-table-column>
      <el-table-column label="退单人" width="200">
        <template slot-scope="scope">{{ scope.row.backUserName }}</template>
      </el-table-column>
      <el-table-column label="退单原因类型" width="200">
        <template slot-scope="scope">{{ scope.row.backComment }}</template>
      </el-table-column>
      <el-table-column label="退单原因" width="200">
        <template slot-scope="scope">{{ scope.row.backReason }}</template>
      </el-table-column>
       <el-table-column label="退单时间" width="200">
        <template slot-scope="scope">{{ scope.row.backDate }}</template>
      </el-table-column>
       <el-table-column label="审核人" width="200">
        <template slot-scope="scope">{{ scope.row.audUserName }}</template>
      </el-table-column>
      <el-table-column label="审核日期" width="200">
        <template slot-scope="scope">{{ scope.row.audDate }}</template>
      </el-table-column>
      <el-table-column label="审核意见" width="200">
        <template slot-scope="scope">{{ scope.row.audComment }}</template>
      </el-table-column>
       <el-table-column label="审核结果" width="200">
        <template slot-scope="scope">{{ scope.row.audFlag }}</template>
      </el-table-column>
    
    </el-table>
    <el-row type="flex" class="row-bg mar-15" justify="center">
      <el-col :span="10">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="pageChange"
          :current-page="1"
          background
          :page-sizes="[5, 10, 15, 20]"
          :total="10"
          layout="total, sizes, prev, pager, next, jumper"
        ></el-pagination>
      </el-col>
    </el-row>
    </div>
</template>
<script>
import CustOrderService from "@/api/order/CustOrderService";
export default {
    data(){
        return {
            filterMode:"0",
            productName:"",
            templateList:[],
            pageSize:10,
            pageIndex:0,

        }; 
    },
    props:{
        CTOInfo:{
            type:Object
        }
    },
    mounted(){
        this.query();
    },
     methods: {
       async query(){
           var params = {
               "orderItemId":this.CTOInfo.orderItemId,
               "custId":this.CTOInfo.custId,
                "pageInfo": {
                    "pageIndex": this.pageIndex,
                    "pageSize": this.pageSize
                }
           };
           var result = await CustOrderService.qryCustWorksheetExceptionList(params);
           
           this.templateList = result.meta.custWorksheetExceptions;
           this.total = result.meta.pageInfo.rowCount;

        },
         //页面改变触发事件
        pageChange(val) {
            
            this.pageIndex = val;
    
        },
        handleSizeChange(val){
            
            this.pageSize = val;
        },
        
     }
    
}
</script>
<style lang="scss">

    .el-form--inline .el-form-item {
        display: inline-flex;
        margin-right: 0.1rem;
        vertical-align: top;
        width: 100%;
    }

</style>


